#BG{
    position: fixed; 
    top: 0; 
    left: 0; 
    background-size: 100% 100%;
    /* Preserve aspet ratio */
    min-width: 100%;
    min-height: 100%;
  
}
#BG img{
position: absolute; 
top: 0; 
left: 0; 
right: 0; 
bottom: 0; 
margin: auto; 
min-width: 100%;
min-height: 100%;

}
html
{
width: 1720px;
height: 1940px;
overflow-x: hidden;
}

div .container, .right {
padding-left: 1541px;
padding-top: 12px;
background-color: rgb(123,66,138);
background-size: 100%;
position: absolute;
height: 90px;
margin-top: -25px;
width: 602px;
margin-left: -15px;
border-radius: 15px;
size-adjust: auto;
}
.LIST {
position: absolute;
list-style: none;
display:inline-flex;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: medium;
margin: 20px;
margin-left: 120px;
left:1260px;
}
.nav-item {
    margin: 0 10px;
}
.cart{
    background-color: rgb(79, 49, 107);
    background-size: 100%;
    padding-left: 15px;
    padding-top: 12px;
    position: absolute;
    height: 30px;
    margin-top: -26px;
    width: -60px;
    margin-left: -15px;
    border-radius: 15px;
    size-adjust: auto;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: medium;
    margin: 20px;
    top: 40px;
    left: 1500px;
    
}

#cdp1{
    width: 380px;
    height:380px;
    position: absolute;
    top: 1100px; 
    left: 100px;
    border: 30px;
  border-radius: 30px;
    transform: translate(120px, 90px);  
}
#cdp2{
    width: 380px;
    height: 380px;
    position: absolute;
    top: 40px; 
    left: 100px;
    border: 30px;
  border-radius: 30px;
    transform: translate(120px, 90px);  
}
#cdp3{
    width: 380px;
    height: 380px;
    position: absolute;
    top: 600px; 
    left: 90px;
    border: 30px;
  border-radius: 30px;
    transform: translate(120px, 70px);  
}

#logo{
    height: 70px;
    width: 70px;
    position: absolute;
    top: 60px; 
    left: 60px;
    transform: translate(-50px, -50px);  
}

#Cardapio1{
    left: -60px;
    top: 100px;
    transform: translate(-50px, -20px);
    position: absolute;
    margin: 20px;
    margin-left: 780px;
    }

a{
    color: rgb(210, 157, 221);
    text-decoration: none
}
nav a:hover{
    color:rgb(244, 215, 255);
}